<template>
<div class="container">
    <div class="footer" id="app-footer" style="float:right;">
        <i class="el-icon-s-help"></i>
        <i class="el-icon-microphone"></i>
        <i class="el-icon-turn-off-microphone"></i>
        <i class="el-icon-zoom-in"></i>
        <i class="el-icon-video-camera-solid"></i>
        <i class="el-icon-camera-solid"></i>
    </div>
</div>
</template>
 
<script>
    export default {
        name: 'app-footer',
        data () {
            return {
            }
        }
    }
</script>
<style type="text/css" scoped>
.container{
position:relative;

}
.footer{
font-size: 20px;
width: 100%;
position:fixed;
right:0px;
height: 2.5%;
bottom:0;
text-align: right;
background-image: url('../../assets/img/dt.png');
background-size: 100% 100%;
}
.i1{
    background-image: url('../../assets/img/麦克风.png');
    background-size: 100% 100%;
    }
.i2{
    background-image: url('../../assets/img/dt.png');
    background-size: 100% 100%;
}
</style>
